<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Product</title>
  <link rel="stylesheet" href="../css/public.css">
  <link rel="stylesheet" href="../font/iconfont.css">
  <link rel="stylesheet" href="../css/product_details.css">
</head>
<body>

  <!-- header start -->
  <header>
    <div class="top">
      <h1 class="logo"><img src="../img/logo_w.png" alt=""></h1>
      <div class="top_right" style="display: flex;">
        <em class="login a">登录</em>
        <em class="register b">注册</em>
      </div>
      <!-- <div class="selection" style="height: 100%; background-color: red;position: relative;">
        <div class="people">
          <div class="iconfont icon-gerenfill touxiang"></div>
          <span class="triangle"></span>
        </div>
        <ul style="display:none">
          <li><span class="iconfont icon-zerenren"></span>个人主页</li>
          <li><span class="iconfont icon-31gouwuche"></span>购物车</li>
          <li><span class="iconfont icon-tuichu"></span>退出登录</li>
        </ul>
      </div> -->
    </div>
  </header>

  <!-- nav start -->
  <nav>
    <ul>
      <li class="current"><a href="./index.html">首&nbsp;&nbsp;页</a></li>
      <li><a href="./introduce.html">店铺介绍</a></li>
      <li><a href="./news.html">宠物资讯</a></li>
      <li><a href="./product.html" class="current">宠物产品</a></li>
      <li><a href="./message.html">客户留言</a></li>
    </ul>
  </nav>

  <!-- banner start -->
  <div class="banner">
    <img src="https://gd-hbimg.huaban.com/0cb274dd02450c0291c200c303d15c1f4ffb898462850-dIF4Td_fw1200webp" alt="">
  </div>

  <!-- mian start -->
  <main>
    <div class="maincon">
      <div class="imgBox">
        <div class="m_box">
          <img src="https://gd3.alicdn.com/imgextra/i1/2215967806270/O1CN019nPHq71wBiBUiWLe4_!!2215967806270.jpg_400x400.jpg">
          <span></span>
        </div>
        <div class="s_box">
          <ul>
            <li><img src="https://gd2.alicdn.com/imgextra/i1/2215967806270/O1CN019nPHq71wBiBUiWLe4_!!2215967806270.jpg_50x50.jpg_.webp"></li>
            <li><img src="https://gd2.alicdn.com/imgextra/i2/2215967806270/O1CN01dO2Qjk1wBiBTTFu9v_!!2215967806270.jpg_50x50.jpg_.webp"></li>
            <li><img src="https://gd2.alicdn.com/imgextra/i2/2215967806270/O1CN015GJfGF1wBiBYh271R_!!2215967806270.jpg_50x50.jpg_.webp"></li>
          </ul>
        </div>
        <div class="l_box">
          <img
            src="https://gd3.alicdn.com/imgextra/i1/2215967806270/O1CN019nPHq71wBiBUiWLe4_!!2215967806270.jpg_400x400.jpg"
             alt="">
        </div>
      </div>
      <div class="introcon">
        <div class="in_title">
          <h3>WoWo喔喔冻干猫粮官方旗舰店成幼猫无谷营养高蛋白全价主食猫粮</h3>
          <i>月销1000+</i>
          <p>新品促销 ￥<em>550</em> 起</p>
          <!-- <span>券后￥368起</span> -->
        </div>
        <div class="taste">
          <span class="t_tip">食品口味:</span>
          <div class="sort">
            <b>成猫7kg三文鱼味</b>
            <b>成猫7kg三文鱼味</b>
            <b>成猫7kg三文鱼味成猫7kg</b>
            <b>成猫7kg三文鱼味</b>
          </div>
        </div>
        <div class="net_content">
          <span class="net">净含量:</span>
          <div class="load">
            <b>15lb</b>
          </div>
        </div>
        <div class="modify">
          <span class="count">数量:</span>
          <div class="AR">
            <b class="remove">-</b>
            <input type="text" class="num" value="1">
            <b class="add">+</b>
          </div>
        </div>
        <div class="buy">
          <p class="left">立即购买</p>
          <p class="right">加入购物车</p>
        </div>
      </div>
    </div> 
    </div>
    <div class="wares">
      <h3>商品详情</h3>
      <!-- <div class="text">
        <div class="w_title">成犬鸡肉米饭 15kg</div>
        <p>PROPLAN 的营养源自**材料，每包以真正肉类为**主要成份，为犬只带来高质素蛋白质，维持健康肌肉，提供所需能量。每种材料均经过专家精挑心选，严格保持优良品质，保证您的爱犬得到较上等的营养。犬只自身的三个保护系统〔皮肤毛发系统、免疫系统及消化系统〕对于保障狗狗健康尤为重要：PROPLAN以高质素材料制成，为犬只提供各种营养素、高质素蛋白质、主要维他命、矿物质及抗氧化维他命，有效滋润犬只保护系统，提供真正保护。</p>
        <p>冠能是美国育犬界**品牌，深得全球专业饲主及兽医师推荐。</p>
        <p>根据历年来的AKC美国育犬协会百大名犬统计，要在AKC中排名前10名的得奖名犬，每只都必须打败超过5万只赛犬，且必须获得超过1,050场、「全犬种All Breeds**名」的荣耀。</p>
        <p> 较佳蛋白质脂肪比例26:15</p>
        <ol >
          <li>1、上选肉类为**成分，为优质蛋白质来源上选肉类为**成分，为优质蛋白质来源。</li>
          <li>2、**消化率，让身体吸收较多营养，粪便少而结实。</li>
          <li>3、颗粒设计减少齿垢堆积，牙齿健康。</li>
          <li>4、维生素E抗氧化，支持免疫系统功能。</li>
          <li>5、富含天然葡萄糖胺让关节弹性灵活。</li>
        </ol>
      </div> -->
    </div>
  </main>



  <!-- footer start -->
  <footer>
    <div class="footerbg">
        <div class="f-top">
          <ul>
            <li>首页</li>
            <li>店铺介绍</li>
            <li>宠物资讯</li>
            <li>宠物产品</li>
            <li>客户留言</li>
          </ul>
        </div>
        <div class="f-mid">
            <p>Copyright©2002-2015 上海XXX科技有限公司 版权所有 Power by DedeCms</p>
        </div>
        <div class="f-bottom">
            <p>电话：0755-61881808</p>
            <p>邮箱：483957329@qq.com</p>
            <p>地址：上海第二工业大学（宝山校区）</p>
        </div>
    </div>
  </footer>
</body>
<script src="../js/module/lazyLoad/a.js" type="module"></script>
<script src="../js/module/product/details.js" type="module"></script>
</html>